﻿/**
  * 个人中心div - css
  */
body, ul, table, td, tr, html, div, img, a, p, ul,br, span, input, button
{
    margin: 0;
    padding: 0;  
}
/*最外围底层div*/
#right_usercenter_div
{
    width:100%;
    height:100%;
    overflow :auto;
    /*
    background:#D46053;*/

    opacity: 0;
	z-index:2;
	-webkit-transition: opacity .6s ease-in-out;
	-moz-transition: opacity .6s ease-in-out;
	-o-transition: opacity .6s ease-in-out;
	-ms-transition: opacity .6s ease-in-out;
	transition: opacity .6s ease-in-out;
	font-family: "Microsoft YaHei","微软雅黑E\8F6F\96C5\9ED1",tahoma,arial,simsun,"宋体B8B\4F53";
/*background:#E3E3E5;*/
}
/*div  最底部的DIV，包括一个背景img*/
#right_usercenter_div_background_div
{
    position: absolute;
    z-index: -2;
    width: 100%;
    height: 100%;
}
/*div里的img背景*/
#right_usercenter_div_background_img
{
    height: 100%;
    width: 100%;
}
/*个人中心的底容器的底容器div*/
#ru_function_div
{
    margin-left:20px;
    margin-right:20px;
    /*background:#fff;*/
}
/*个人中心顶部工具条div*/
#ru_toolbar_div
{
    height:120px;
    width:555px;
    margin-top:38px;
    /*background:#fff;*/
    background-image:url(../image/userproduct/up_toolbar.png);
    background-position:-113px 0px ;
}
/*个人中心底部div*/
#ru_usercenter_fuction_div
{
    width:100%;
    margin-top:5px;
    min-width:1000px;   
}
/*个人中心里所有的input*/
#ru_usercenter_fuction_div input,textarea
{
    font-family: "Microsoft YaHei","微软雅黑E\8F6F\96C5\9ED1",tahoma,arial,simsun,"宋体B8B\4F53";
    font-size:18px;
    color:#777;
    border:0px;
    background:transparent;
}
/*账号设置和安全设置title p*/
.ru_usercenter_title_line
{
    display:block;
    position:relative;
    z-index:-3;
    height:40px;
    width:100%;
}
/*账号设置和安全设置title p*/
.ru_usercenter_title
{
    display:block;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:45px;
    background:#354;
    width:140px;
    font-size:22px;
    color:#fff;
}
/*头像设置*/
#ru_photo_div
{
   /* box-shadow: -8px -2px 13px rgba(255,255,2,0.4);*/
    margin-top:10px;
    background:#ccc;
}
/*上传按钮*/
#ru_g_userphoto_setuploading_div
{
    display:block;
    width:100px;
    height:50px;
    line-height:50px;
    text-align:center;
    background:#354;  
}
/*上传控件*/
#ru_g_userphoto_setuploadingcontrol_div
{
    margin-top:10px;
    height:50px;
    line-height:50px;
    text-align:center;
    background:#354;
}
/*上传说明*/
#ru_g_userphoto_setuploadingexplain_p
{
    color:#333;
    margin-top:10px;
    font-size:14px;
}
/*系统头像 div*/
#ru_systemphoto_div
{
    min-width:500px;
    /*background:#823;*/
    margin-top:10px;
}
/*系统头像 li*/
#ru_systemphoto_div li
{
    float:left;
    display:block;
    margin-right:10px; 
    width:80px;
    height:80px;
    list-style:none;
}
/*系统头像*/
#ru_systemphoto_div img
{
    width:80px;
    height:80px;
}
/*你还可以使用*/
#ru_g_userphoto_setuploadingmoren_p
{
    margin-top:10px;
    font-size:18px;
}
/*头像设置 图片div*/
#ru_p_photo_div
{
    margin-left:100px;
    margin-top:20px;
    margin-bottom:30px;

}
/*头像设置div*/
#ru_g_userphoto_set_div
{
    float:left;
    margin-left:50px;
    min-width:100px;
    /*background:#532;*/

}
/*头像显示div*/
#ru_g_userphoto_div
{
    width:256px;
    height:256px;  
    padding:5px;
    background:#fff; 
    float:left;
}
/*头像显示img*/
.ru_g_userphoto_img
{
    width:256px;
    height:256px;
}
/*账号设置*/
.ru_general_div
{
    margin-top:10px;
    background:#ccc;
}

/*账号设置 标题底下的div*/
.ru_g_set_div
{
    width:500px;
    margin-left:100px;
    margin-top:20px;
    float:left;
    background:#ccc;
}
/*账号设置 姓名ul*/
.ru_g_set_ul
{
    margin-bottom:15px;
    width:700px;
    background:#ccc;
}
#ru_g_id
{
    width:550px;
}
/*账号设置 姓名... 标签*/
.ru_g_set_li_label
{
    list-style:none;
    float:left;
    width:90px;
    font-size:18px;
}
/*账号设置 姓名下input de li*/
.ru_g_set_li_input
{
    list-style:none;
    float:left;
    padding-top:2px;
    vertical-align:middle;
    font-size:18px;
}
/*签名 文本域*/
#ru_myword
{
    width:400px;
    height:50px;
    margin-bottom:15px;
    overflow-y: auto;
    SCROLLBAR-FACE-COLOR: #354 ;    /*滑块的颜色*/
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; 
SCROLLBAR-SHADOW-COLOR: #000;       /*滑块的边框颜色*/
SCROLLBAR-3DLIGHT-COLOR: #ff0000; 
SCROLLBAR-ARROW-COLOR: #000;     /*上下箭头的颜色*/
SCROLLBAR-TRACK-COLOR: #ccc;    /*滚动条的最底部基本颜色*/
SCROLLBAR-DARKSHADOW-COLOR: #354;
}
#ru_g_btn_ul
{
    margin-left:90px;
}
#ru_g_btn_ul li
{
    list-style:none;
}
#ru_g_btn_ul li a
{
    text-decoration:none;
    display:block;
    height:30px; 
    line-height:30px; 
    width:55px; 
    margin-right:10px;
    background:#354;
    font-family: "Microsoft YaHei","微软雅黑E\8F6F\96C5\9ED1",tahoma,arial,simsun,"宋体B8B\4F53";
  font-size:17px;
    color:#fff;
    margin-bottom:20px;
}
/*安全设置*/
#ru_safe_div
{
    margin-top:10px;
    margin-bottom:20px;
    background:#ccc;
    box-shadow: 4px 4px 2px rgba(0,0,0,0.8);
    font-family: "Microsoft YaHei","微软雅黑E\8F6F\96C5\9ED1",tahoma,arial,simsun,"宋体B8B\4F53";
    font-size:18px;
}
/*安全设置*/
#ru_s_content_div input
{
    color:#777;
    border:0px;
    background:transparent;
}
/*安全设置*/
#ru_s_content_div
{
    width:500px;
    margin-left:100px;
    margin-top:20px;
}
/*安全设置 标签*/
.ru_safe_li_label
{
    list-style:none;
    float:left;
    width:90px;
    font-size:18px;
}
.ru_safe_li_input
{
    list-style:none;
    float:left;
}

/*安全设置里的 a*/
#ru_s_content_div a
{
    text-decoration:none;
}
/*安全设置每行 ul*/
.ru_safe_ul
{
    margin-bottom:15px;
    list-style:none;
}
/*安全设置验证码 行 li*/
.ru_safe_verification
{
    list-style:none;
    float:left;
    height:30px;
    line-height:30px;
    width:55px; 
    background:#421; 
}
#ru_safe_verification_show
{
    margin-left:10px;
     margin-right:5px;
}
/*安全设置验证码 行 input*/
.ru_safe_verification input
{
    width:100px;
    padding-top:3px;
}
/*密码修改确定和取消按钮  ul*/
#ru_safe_btn_ul
{
    margin-left:90px;
    
}
/*密码修改确定和取消按钮 li*/
.ru_safe_btn_li
{  
   float:left;
   text-align:center;
}
/*密码修改确定和取消按钮 a*/
.ru_safe_btn
{
    display:block;
    height:30px; 
    line-height:30px; 
    width:55px; 
    margin-right:10px;
    background:#354;
   font-family: "Microsoft YaHei","微软雅黑E\8F6F\96C5\9ED1",tahoma,arial,simsun,"宋体B8B\4F53";
  font-size:17px;
    color:#fff;
    margin-bottom:20px;
}